﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u311" class="ax_default box_2">
        <div id="u311_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u312" class="ax_default shape">
        <div id="u312_div" class=""></div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u313" class="ax_default image1">
        <img id="u313_img" class="img " src="images/登录注册页/u292.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u314" class="ax_default" data-left="-1" data-top="27" data-width="366" data-height="44">

        <!-- Unnamed (Rectangle) -->
        <div id="u315" class="ax_default box_2">
          <div id="u315_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u316" class="ax_default box_2">
          <div id="u316_div" class=""></div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u317" class="ax_default image1">
          <img id="u317_img" class="img " src="images/首页/u317.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u318" class="ax_default _30号字_服务主标题，例如双行列表内的下方描述信息。__）">
          <div id="u318_div" class=""></div>
          <div id="u318_text" class="text ">
            <p><span>搜索</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u319" class="ax_default">
        <div id="u319_state0" class="panel_state" data-label="State1" style="">
          <div id="u319_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u320" class="ax_default box_1">
              <div id="u320_div" class=""></div>
            </div>

            <!-- 标题类型内容 (Group) -->
            <div id="u321" class="ax_default" data-label="标题类型内容" data-left="6" data-top="7" data-width="360" data-height="59">

              <!-- Unnamed (Rectangle) -->
              <div id="u322" class="ax_default _三级标题">
                <div id="u322_div" class=""></div>
                <div id="u322_text" class="text ">
                  <p><span>浅析触手可及的微信小程序</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u323" class="ax_default label">
                <div id="u323_div" class=""></div>
                <div id="u323_text" class="text ">
                  <p><span style="color:#999999;">miketech.it&nbsp;&nbsp; 87评论&nbsp; &nbsp; 1小时前</span><span>&nbsp; &nbsp;&nbsp; </span><span style="color:#FF0000;">置顶</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u324" class="ax_default line">
                <img id="u324_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u325" class="ax_default label">
                <div id="u325_div" class=""></div>
                <div id="u325_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u326" class="ax_default" data-label="三图类型内容" data-left="10" data-top="71" data-width="360" data-height="141">

              <!-- Unnamed (Rectangle) -->
              <div id="u327" class="ax_default _三级标题">
                <div id="u327_div" class=""></div>
                <div id="u327_text" class="text ">
                  <p><span>用Supervisor实现进程守护，在异常退出时自动重启 </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u328" class="ax_default image">
                <img id="u328_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u329" class="ax_default image">
                <img id="u329_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u330" class="ax_default image">
                <img id="u330_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u331" class="ax_default label">
                <div id="u331_div" class=""></div>
                <div id="u331_text" class="text ">
                  <p><span>miketech.it&nbsp;&nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u332" class="ax_default line">
                <img id="u332_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u333" class="ax_default label">
                <div id="u333_div" class=""></div>
                <div id="u333_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 单图类型内容 (Group) -->
            <div id="u334" class="ax_default" data-label="单图类型内容" data-left="10" data-top="230" data-width="360" data-height="103">

              <!-- Unnamed (Rectangle) -->
              <div id="u335" class="ax_default _三级标题">
                <div id="u335_div" class=""></div>
                <div id="u335_text" class="text ">
                  <p><span>快速提高工作效率-Mac自动化脚本</span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u336" class="ax_default image">
                <img id="u336_img" class="img " src="images/首页/u336.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u337" class="ax_default label">
                <div id="u337_div" class=""></div>
                <div id="u337_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u338" class="ax_default line">
                <img id="u338_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u339" class="ax_default label">
                <div id="u339_div" class=""></div>
                <div id="u339_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u340" class="ax_default" data-label="三图类型内容" data-left="10" data-top="343" data-width="360" data-height="130">

              <!-- Unnamed (Rectangle) -->
              <div id="u341" class="ax_default _三级标题">
                <div id="u341_div" class=""></div>
                <div id="u341_text" class="text ">
                  <p><span>Flutter 快速上车之 Widget </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u342" class="ax_default image">
                <img id="u342_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u343" class="ax_default image">
                <img id="u343_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u344" class="ax_default image">
                <img id="u344_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u345" class="ax_default label">
                <div id="u345_div" class=""></div>
                <div id="u345_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u346" class="ax_default line">
                <img id="u346_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u347" class="ax_default label">
                <div id="u347_div" class=""></div>
                <div id="u347_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u348" class="ax_default" data-label="三图类型内容" data-left="10" data-top="488" data-width="360" data-height="130">

              <!-- Unnamed (Rectangle) -->
              <div id="u349" class="ax_default _三级标题">
                <div id="u349_div" class=""></div>
                <div id="u349_text" class="text ">
                  <p><span>Flutter 快速上车之 Widget </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u350" class="ax_default image">
                <img id="u350_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u351" class="ax_default image">
                <img id="u351_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u352" class="ax_default image">
                <img id="u352_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u353" class="ax_default label">
                <div id="u353_div" class=""></div>
                <div id="u353_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u354" class="ax_default line">
                <img id="u354_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u355" class="ax_default label">
                <div id="u355_div" class=""></div>
                <div id="u355_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 单图类型内容 (Group) -->
            <div id="u356" class="ax_default" data-label="单图类型内容" data-left="10" data-top="636" data-width="360" data-height="103">

              <!-- Unnamed (Rectangle) -->
              <div id="u357" class="ax_default _三级标题">
                <div id="u357_div" class=""></div>
                <div id="u357_text" class="text ">
                  <p><span>快速提高工作效率-Mac自动化脚本</span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u358" class="ax_default image">
                <img id="u358_img" class="img " src="images/首页/u336.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u359" class="ax_default label">
                <div id="u359_div" class=""></div>
                <div id="u359_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u360" class="ax_default line">
                <img id="u360_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u361" class="ax_default label">
                <div id="u361_div" class=""></div>
                <div id="u361_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u362" class="ax_default" data-label="三图类型内容" data-left="10" data-top="749" data-width="360" data-height="130">

              <!-- Unnamed (Rectangle) -->
              <div id="u363" class="ax_default _三级标题">
                <div id="u363_div" class=""></div>
                <div id="u363_text" class="text ">
                  <p><span>Flutter 快速上车之 Widget </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u364" class="ax_default image">
                <img id="u364_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u365" class="ax_default image">
                <img id="u365_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u366" class="ax_default image">
                <img id="u366_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u367" class="ax_default label">
                <div id="u367_div" class=""></div>
                <div id="u367_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u368" class="ax_default line">
                <img id="u368_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u369" class="ax_default label">
                <div id="u369_div" class=""></div>
                <div id="u369_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u370" class="ax_default" data-label="三图类型内容" data-left="10" data-top="889" data-width="360" data-height="130">

              <!-- Unnamed (Rectangle) -->
              <div id="u371" class="ax_default _三级标题">
                <div id="u371_div" class=""></div>
                <div id="u371_text" class="text ">
                  <p><span>Flutter 快速上车之 Widget </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u372" class="ax_default image">
                <img id="u372_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u373" class="ax_default image">
                <img id="u373_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u374" class="ax_default image">
                <img id="u374_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u375" class="ax_default label">
                <div id="u375_div" class=""></div>
                <div id="u375_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u376" class="ax_default line">
                <img id="u376_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u377" class="ax_default label">
                <div id="u377_div" class=""></div>
                <div id="u377_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 单图类型内容 (Group) -->
            <div id="u378" class="ax_default" data-label="单图类型内容" data-left="10" data-top="1037" data-width="360" data-height="103">

              <!-- Unnamed (Rectangle) -->
              <div id="u379" class="ax_default _三级标题">
                <div id="u379_div" class=""></div>
                <div id="u379_text" class="text ">
                  <p><span>快速提高工作效率-Mac自动化脚本</span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u380" class="ax_default image">
                <img id="u380_img" class="img " src="images/首页/u336.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u381" class="ax_default label">
                <div id="u381_div" class=""></div>
                <div id="u381_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u382" class="ax_default line">
                <img id="u382_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u383" class="ax_default label">
                <div id="u383_div" class=""></div>
                <div id="u383_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 遮盖 (Rectangle) -->
            <div id="u384" class="ax_default box_2 ax_default_hidden" data-label="遮盖" style="display:none; visibility: hidden">
              <div id="u384_div" class=""></div>
            </div>

            <!-- 三图类型内容 (Group) -->
            <div id="u385" class="ax_default" data-label="三图类型内容" data-left="10" data-top="1150" data-width="360" data-height="130">

              <!-- Unnamed (Rectangle) -->
              <div id="u386" class="ax_default _三级标题">
                <div id="u386_div" class=""></div>
                <div id="u386_text" class="text ">
                  <p><span>Flutter 快速上车之 Widget </span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u387" class="ax_default image">
                <img id="u387_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u388" class="ax_default image">
                <img id="u388_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u389" class="ax_default image">
                <img id="u389_img" class="img " src="images/首页/u328.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u390" class="ax_default label">
                <div id="u390_div" class=""></div>
                <div id="u390_text" class="text ">
                  <p><span>AI财经社&nbsp; &nbsp; 88评论&nbsp; &nbsp; 1小时前</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u391" class="ax_default line">
                <img id="u391_img" class="img " src="images/首页/u324.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u392" class="ax_default label">
                <div id="u392_div" class=""></div>
                <div id="u392_text" class="text ">
                  <p><span>X</span></p>
                </div>
              </div>
            </div>

            <!-- 不感兴趣 (Group) -->
            <div id="u393" class="ax_default ax_default_hidden" data-label="不感兴趣" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (Rectangle) -->
              <div id="u394" class="ax_default box_2">
                <div id="u394_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u395" class="ax_default label">
                <div id="u395_div" class=""></div>
                <div id="u395_text" class="text ">
                  <p><span>&gt;</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u396" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u396_img" class="img " src="images/首页/u396.png"/>
                <div id="u396_text" class="text ">
                  <p><span>不感兴趣</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u397" class="ax_default line">
                <img id="u397_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u398" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u398_img" class="img " src="images/首页/u398.png"/>
                <div id="u398_text" class="text ">
                  <p><span>反馈垃圾内容</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u399" class="ax_default line">
                <img id="u399_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u400" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u400_img" class="img " src="images/首页/u400.png"/>
                <div id="u400_text" class="text ">
                  <p><span>拉黑作者：XXX</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u401" class="ax_default line">
                <img id="u401_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u402" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u402_img" class="img " src="images/首页/u402.png"/>
                <div id="u402_text" class="text ">
                  <p><span>屏蔽</span></p>
                </div>
              </div>
            </div>

            <!-- 不感兴趣二级菜单 (Group) -->
            <div id="u403" class="ax_default ax_default_hidden" data-label="不感兴趣二级菜单" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (Rectangle) -->
              <div id="u404" class="ax_default box_2">
                <div id="u404_div" class=""></div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u405" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u405_img" class="img " src="images/首页/u396.png"/>
                <div id="u405_text" class="text ">
                  <p><span>低俗色情</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u406" class="ax_default line">
                <img id="u406_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u407" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u407_img" class="img " src="images/首页/u407.png"/>
                <div id="u407_text" class="text ">
                  <p><span>标题党</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u408" class="ax_default line">
                <img id="u408_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u409" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u409_img" class="img " src="images/首页/u396.png"/>
                <div id="u409_text" class="text ">
                  <p><span>内容不实</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u410" class="ax_default line">
                <img id="u410_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u411" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u411_img" class="img " src="images/首页/u396.png"/>
                <div id="u411_text" class="text ">
                  <p><span>旧闻重复</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u412" class="ax_default line">
                <img id="u412_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u413" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
                <img id="u413_img" class="img " src="images/首页/u396.png"/>
                <div id="u413_text" class="text ">
                  <p><span>垃圾内容</span></p>
                </div>
              </div>

              <!-- Unnamed (Horizontal Line) -->
              <div id="u414" class="ax_default line">
                <img id="u414_img" class="img " src="images/首页/u397.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u415" class="ax_default _三级标题">
                <div id="u415_div" class=""></div>
                <div id="u415_text" class="text ">
                  <p><span>反馈</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u416" class="ax_default label">
                <div id="u416_div" class=""></div>
                <div id="u416_text" class="text ">
                  <p><span>&lt;返回</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Hot Spot) -->
            <div id="u417" class="ax_default">
            </div>

            <!-- Unnamed (Hot Spot) -->
            <div id="u418" class="ax_default">
            </div>

            <!-- Unnamed (Hot Spot) -->
            <div id="u419" class="ax_default">
            </div>

            <!-- Unnamed (Hot Spot) -->
            <div id="u420" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u421" class="ax_default heading_21">
        <div id="u421_div" class=""></div>
        <div id="u421_text" class="text ">
          <p><span>不感兴趣（点这里看效果）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u422" class="ax_default paragraph1">
        <div id="u422_div" class=""></div>
        <div id="u422_text" class="text ">
          <p><span>1、内容显示包含标题 来源 （图片） 评论数&nbsp; 发布时间&nbsp; 不感兴趣</span></p><p><span>2、点击不感兴趣选择原因</span></p><p><span>3、不感兴趣效果为弹窗遮盖效果，二级菜单为滑动切换，</span></p><p><span>4、位置：根据不感兴趣文章位置，文章在上半区弹出效果在下半区，文章在下半区弹出效果在上半区</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u423" class="ax_default connector">
        <img id="u423_seg0" class="img " src="images/首页/u423_seg0.png" alt="u423_seg0"/>
        <img id="u423_seg1" class="img " src="images/首页/u423_seg1.png" alt="u423_seg1"/>
        <img id="u423_seg2" class="img " src="images/首页/u423_seg2.png" alt="u423_seg2"/>
        <div id="u423_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u424" class="ax_default" data-left="1071" data-top="492" data-width="835" data-height="504">

        <!-- Unnamed (Rectangle) -->
        <div id="u425" class="ax_default box_2">
          <div id="u425_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u426" class="ax_default label">
          <div id="u426_div" class=""></div>
          <div id="u426_text" class="text ">
            <p><span>&gt;</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u427" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
          <img id="u427_img" class="img " src="images/首页/u396.png"/>
          <div id="u427_text" class="text ">
            <p><span>不感兴趣</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u428" class="ax_default line">
          <img id="u428_img" class="img " src="images/首页/u397.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u429" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
          <img id="u429_img" class="img " src="images/首页/u398.png"/>
          <div id="u429_text" class="text ">
            <p><span>反馈垃圾内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u430" class="ax_default line">
          <img id="u430_img" class="img " src="images/首页/u397.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u431" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
          <img id="u431_img" class="img " src="images/首页/u400.png"/>
          <div id="u431_text" class="text ">
            <p><span>拉黑作者：XXX</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u432" class="ax_default line">
          <img id="u432_img" class="img " src="images/首页/u397.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u433" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
          <img id="u433_img" class="img " src="images/首页/u402.png"/>
          <div id="u433_text" class="text ">
            <p><span>屏蔽</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u434" class="ax_default" data-left="1503" data-top="561" data-width="403" data-height="435">

          <!-- Unnamed (Rectangle) -->
          <div id="u435" class="ax_default box_2">
            <div id="u435_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u436" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
            <img id="u436_img" class="img " src="images/首页/u396.png"/>
            <div id="u436_text" class="text ">
              <p><span>低俗色情</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u437" class="ax_default line">
            <img id="u437_img" class="img " src="images/首页/u397.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u438" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
            <img id="u438_img" class="img " src="images/首页/u407.png"/>
            <div id="u438_text" class="text ">
              <p><span>标题党</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u439" class="ax_default line">
            <img id="u439_img" class="img " src="images/首页/u397.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u440" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
            <img id="u440_img" class="img " src="images/首页/u396.png"/>
            <div id="u440_text" class="text ">
              <p><span>内容不实</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u441" class="ax_default line">
            <img id="u441_img" class="img " src="images/首页/u397.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u442" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
            <img id="u442_img" class="img " src="images/首页/u396.png"/>
            <div id="u442_text" class="text ">
              <p><span>旧闻重复</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u443" class="ax_default line">
            <img id="u443_img" class="img " src="images/首页/u397.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u444" class="ax_default _36号字_顶部标题、大按钮、弹窗提示主标题_">
            <img id="u444_img" class="img " src="images/首页/u396.png"/>
            <div id="u444_text" class="text ">
              <p><span>垃圾内容</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u445" class="ax_default line">
            <img id="u445_img" class="img " src="images/首页/u397.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u446" class="ax_default _三级标题">
            <div id="u446_div" class=""></div>
            <div id="u446_text" class="text ">
              <p><span>反馈</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u447" class="ax_default label">
            <div id="u447_div" class=""></div>
            <div id="u447_text" class="text ">
              <p><span>&lt;返回</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Vertical Line) -->
      <div id="u448" class="ax_default line">
        <img id="u448_img" class="img " src="images/首页/u448.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u449" class="ax_default heading_21">
        <div id="u449_div" class=""></div>
        <div id="u449_text" class="text ">
          <p><span>刷新功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u450" class="ax_default paragraph1">
        <div id="u450_div" class=""></div>
        <div id="u450_text" class="text ">
          <p><span>1、下拉后刷新新闻，每次最多刷新12条数据，如果没有新内容则显示暂无新内容</span></p><p><span>2、刷新后显示刷新数据条数 </span></p><p><span>3、每次下翻显示10条内容，如果没有新内容显示，已经没有新内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u451" class="ax_default connector">
        <img id="u451_seg0" class="img " src="images/首页/u451_seg0.png" alt="u451_seg0"/>
        <img id="u451_seg1" class="img " src="images/首页/u451_seg1.png" alt="u451_seg1"/>
        <img id="u451_seg2" class="img " src="images/首页/u423_seg2.png" alt="u451_seg2"/>
        <div id="u451_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u452" class="ax_default heading_21">
        <div id="u452_div" class=""></div>
        <div id="u452_text" class="text ">
          <p><span>内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u453" class="ax_default paragraph1">
        <div id="u453_div" class=""></div>
        <div id="u453_text" class="text ">
          <p><span>1、内容分为无图、单图、多图</span></p><p><span>2、内容显示包含标题 来源 （图片） 评论数&nbsp; 发布时间&nbsp; 不感兴趣</span></p><p><span>3、点击不感兴趣选择原因</span></p><p><span>4、标题字数限制40字</span></p><p><span>5、昵称小于16个字</span></p><p><span>6、首次登录增加推荐页，根据标签推荐文章。</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u454" class="ax_default connector">
        <img id="u454_seg0" class="img " src="images/首页/u454_seg0.png" alt="u454_seg0"/>
        <img id="u454_seg1" class="img " src="images/首页/u454_seg1.png" alt="u454_seg1"/>
        <img id="u454_seg2" class="img " src="images/首页/u454_seg2.png" alt="u454_seg2"/>
        <img id="u454_seg3" class="img " src="images/首页/u454_seg3.png" alt="u454_seg3"/>
        <div id="u454_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u455" class="ax_default box_1">
        <div id="u455_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u456" class="ax_default box_1">
        <div id="u456_div" class=""></div>
        <div id="u456_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u457" class="ax_default box_1">
        <div id="u457_div" class=""></div>
        <div id="u457_text" class="text ">
          <p><span>热门话题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u458" class="ax_default box_1">
        <div id="u458_div" class=""></div>
        <div id="u458_text" class="text ">
          <p><span>科技动态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u459" class="ax_default box_1">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>区块链</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u460" class="ax_default" data-left="1539" data-top="81" data-width="375" data-height="401">

        <!-- Unnamed (Rectangle) -->
        <div id="u461" class="ax_default box_1">
          <div id="u461_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u462" class="ax_default _三级标题">
          <div id="u462_div" class=""></div>
          <div id="u462_text" class="text ">
            <p><span>你关心的</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u463" class="ax_default shape">
          <div id="u463_div" class=""></div>
          <div id="u463_text" class="text ">
            <p><span>热门话题</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u464" class="ax_default shape">
          <div id="u464_div" class=""></div>
          <div id="u464_text" class="text ">
            <p><span>科技动态</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u465" class="ax_default shape">
          <div id="u465_div" class=""></div>
          <div id="u465_text" class="text ">
            <p><span>开发者资讯</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u466" class="ax_default shape">
          <div id="u466_div" class=""></div>
          <div id="u466_text" class="text ">
            <p><span>技术前沿</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u467" class="ax_default shape">
          <div id="u467_div" class=""></div>
          <div id="u467_text" class="text ">
            <p><span>java</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u468" class="ax_default shape">
          <div id="u468_div" class=""></div>
          <div id="u468_text" class="text ">
            <p><span>前端</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u469" class="ax_default shape">
          <div id="u469_div" class=""></div>
          <div id="u469_text" class="text ">
            <p><span>大数据</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u470" class="ax_default shape">
          <div id="u470_div" class=""></div>
          <div id="u470_text" class="text ">
            <p><span>区块链</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u471" class="ax_default shape">
          <div id="u471_div" class=""></div>
          <div id="u471_text" class="text ">
            <p><span>架构</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u472" class="ax_default shape">
          <div id="u472_div" class=""></div>
          <div id="u472_text" class="text ">
            <p><span>后端</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u473" class="ax_default shape">
          <div id="u473_div" class=""></div>
          <div id="u473_text" class="text ">
            <p><span>IOS</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u474" class="ax_default shape">
          <div id="u474_div" class=""></div>
          <div id="u474_text" class="text ">
            <p><span>人工智能</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u475" class="ax_default primary_button">
          <div id="u475_div" class=""></div>
          <div id="u475_text" class="text ">
            <p><span>我选好了</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u476" class="ax_default icon">
          <img id="u476_img" class="img " src="images/首页/u476.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u477" class="ax_default heading_21">
        <div id="u477_div" class=""></div>
        <div id="u477_text" class="text ">
          <p><span>推荐页样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u478" class="ax_default heading_21">
        <div id="u478_div" class=""></div>
        <div id="u478_text" class="text ">
          <p><span>全局说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u479" class="ax_default paragraph1">
        <div id="u479_div" class=""></div>
        <div id="u479_text" class="text ">
          <p><span>1、数字显示规则为万以内均显示具体数值，超过一万开始采用万计，四舍五入保存两位小数。例如1.25万</span></p><p><span>2、推荐规则为根据用户浏览过文章的标签进行推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u480" class="ax_default connector">
        <img id="u480_seg0" class="img " src="images/首页/u480_seg0.png" alt="u480_seg0"/>
        <img id="u480_seg1" class="img " src="images/首页/u480_seg1.png" alt="u480_seg1"/>
        <img id="u480_seg2" class="img " src="images/首页/u423_seg2.png" alt="u480_seg2"/>
        <div id="u480_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u481" class="ax_default image1">
        <img id="u481_img" class="img " src="images/首页/u481.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u482" class="ax_default heading_21">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>编辑频道</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u483" class="ax_default paragraph1">
        <div id="u483_div" class=""></div>
        <div id="u483_text" class="text ">
          <p><span>1、频道可以进行编辑</span></p><p><span>2、首次登录根据选择标签显示，只显示4个标签，可以向右侧滑动显示更多</span></p><p><span>3、如果首次登录未选择，默认“热门话题”“科技动态”“开发者资讯”“技术前沿”</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u484" class="ax_default connector">
        <img id="u484_seg0" class="img " src="images/首页/u484_seg0.png" alt="u484_seg0"/>
        <img id="u484_seg1" class="img " src="images/首页/u484_seg1.png" alt="u484_seg1"/>
        <img id="u484_seg2" class="img " src="images/首页/u484_seg2.png" alt="u484_seg2"/>
        <img id="u484_seg3" class="img " src="images/首页/u484_seg3.png" alt="u484_seg3"/>
        <img id="u484_seg4" class="img " src="images/登录注册页/u310_seg2.png" alt="u484_seg4"/>
        <img id="u484_seg5" class="img " src="images/首页/u484_seg5.png" alt="u484_seg5"/>
        <div id="u484_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u485" class="ax_default heading_21">
        <div id="u485_div" class=""></div>
        <div id="u485_text" class="text ">
          <p><span>置顶</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u486" class="ax_default paragraph1">
        <div id="u486_div" class=""></div>
        <div id="u486_text" class="text ">
          <p><span>1、推荐顺序根据发布时间倒序排列</span></p><p><span>2、置顶为后台设置</span></p><p><span>3、置顶为强制推荐，根据置顶时间倒序排列</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u487" class="ax_default connector">
        <img id="u487_seg0" class="img " src="images/首页/u487_seg0.png" alt="u487_seg0"/>
        <img id="u487_seg1" class="img " src="images/首页/u487_seg1.png" alt="u487_seg1"/>
        <img id="u487_seg2" class="img " src="images/首页/u487_seg2.png" alt="u487_seg2"/>
        <img id="u487_seg3" class="img " src="images/首页/u487_seg3.png" alt="u487_seg3"/>
        <img id="u487_seg4" class="img " src="images/首页/u451_seg1.png" alt="u487_seg4"/>
        <img id="u487_seg5" class="img " src="images/首页/u487_seg5.png" alt="u487_seg5"/>
        <div id="u487_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Hot Spot) -->
      <div id="u488" class="ax_default">
      </div>

      <!-- Unnamed (底部菜单) -->

      <!-- Unnamed (Group) -->
      <div id="u490" class="ax_default" data-left="0" data-top="0" data-width="375" data-height="64">

        <!-- Unnamed (Rectangle) -->
        <div id="u491" class="ax_default shape">
          <div id="u491_div" class=""></div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u492" class="ax_default horizontal_line">
          <img id="u492_img" class="img " src="images/首页/u492.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u493" class="ax_default shape">
          <div id="u493_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u494" class="ax_default shape">
          <div id="u494_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u495" class="ax_default shape">
          <div id="u495_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u496" class="ax_default shape">
          <div id="u496_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u497" class="ax_default paragraph">
          <div id="u497_div" class=""></div>
          <div id="u497_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u498" class="ax_default paragraph">
          <div id="u498_div" class=""></div>
          <div id="u498_text" class="text ">
            <p><span>问答</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u499" class="ax_default paragraph">
          <div id="u499_div" class=""></div>
          <div id="u499_text" class="text ">
            <p><span>视频</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u500" class="ax_default paragraph">
          <div id="u500_div" class=""></div>
          <div id="u500_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
